{#{% extends "auth-menu.html" %}#}
<!DOCTYPE html>
<html>
<head>
    <title>掌行通运营平台</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport' />

    <!--[if lt IE 9]>
    <script src='/bootstrap/assets/javascripts/html5shiv.js' type='text/javascript'></script>
    <![endif]-->
    <link href='/bootstrap/assets/stylesheets/bootstrap/bootstrap.css' media='all' rel='stylesheet' type='text/css' />
    <link href='/bootstrap/assets/stylesheets/bootstrap/bootstrap-responsive.css' media='all' rel='stylesheet' type='text/css' />
    <!-- / jquery ui -->
    <link href='/bootstrap/assets/stylesheets/jquery_ui/jquery-ui-1.10.0.custom.css' media='all' rel='stylesheet' type='text/css' />
    <link href='/bootstrap/assets/stylesheets/jquery_ui/jquery.ui.1.10.0.ie.css' media='all' rel='stylesheet' type='text/css' />
    <!-- / switch buttons -->
{#    <link href='/bootstrap/assets/stylesheets/plugins/bootstrap_switch/bootstrap-switch.css' media='all' rel='stylesheet' type='text/css' />#}
    <!-- / xeditable -->
{#    <link href='/bootstrap/assets/stylesheets/plugins/xeditable/bootstrap-editable.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/common/bootstrap-wysihtml5.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / wysihtml5 (wysywig) -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/common/bootstrap-wysihtml5.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / jquery file upload -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/jquery_fileupload/jquery.fileupload-ui.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / full calendar -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/fullcalendar/fullcalendar.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / select2 -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/select2/select2.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / mention -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/mention/mention.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / tabdrop (responsive tabs) -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/tabdrop/tabdrop.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / jgrowl notifications -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/jgrowl/jquery.jgrowl.min.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / datatables -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/datatables/bootstrap-datatable.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / dynatrees (file trees) -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/dynatree/ui.dynatree.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / color picker -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/bootstrap_colorpicker/bootstrap-colorpicker.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <!-- / datetime picker -->#}
{#    <link href='/bootstrap/assets/stylesheets/plugins/bootstrap_datetimepicker/bootstrap-datetimepicker.min.css' media='all' rel='stylesheet' type='text/css' />#}

    <!-- / daterange picker) -->
    <link href='/bootstrap/assets/stylesheets/plugins/bootstrap_daterangepicker/bootstrap-daterangepicker.css' media='all' rel='stylesheet' type='text/css' />
    <!-- / flags (country flags) -->
{#    <link href='/bootstrap/assets/stylesheets/plugins/flags/flags.css' media='all' rel='stylesheet' type='text/css' />#}
    <!-- / slider nav (address book) -->
{#    <link href='/bootstrap/assets/stylesheets/plugins/slider_nav/slidernav.css' media='all' rel='stylesheet' type='text/css' />#}
    <!-- / fuelux (wizard) -->
{#    <link href='/bootstrap/assets/stylesheets/plugins/fuelux/wizard.css' media='all' rel='stylesheet' type='text/css' />#}
    <!-- / flatty theme -->
    <link href='/bootstrap/assets/stylesheets/light-theme.css' id='color-settings-body-color' media='all' rel='stylesheet' type='text/css' />
    <!-- / demo -->
{#    <link href='/bootstrap/assets/stylesheets/demo.css' media='all' rel='stylesheet' type='text/css' />#}
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script src="/bootstrap/js/echarts-all.js"></script>

    <link rel="stylesheet" type="text/css" href="/bootstrap/css/jquery.datetimepicker.css"/>

{#head头加载 文件#}
{#	<link rel="stylesheet" href="/bootstrap/bootstrap.min.css">  {# 可以 实现禁用方法 #}
{#	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>#}
{#	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>#}
{% block head %} {% endblock %}

{#<script> type="text/javascript">#}
{#    document.getElementById("base").click=();#}
{#</script>#}

</head>

<body class='contrast-green '>
{#blue,Green  等颜色，见下面注释部分#}
<header>
    <div class='navbar'>
        <div class='navbar-inner'>
            <div class='container-fluid'>
                <a class='brand' href='/index'>
                    <i class='icon-heart-empty'></i>
                    <span class='hidden-phone'>掌行通运营平台</span>
                </a>
                <a  class='toggle-nav btn pull-left' href='#'>
                    <i class='icon-reorder'></i>
                </a>
                <ul class='nav pull-right'>
                    <li class='dropdown light only-icon'>
{#                        <a class='dropdown-toggle' data-toggle='dropdown' href='#'>#}
{#                            <i class='icon-adjust'></i>#}
{#                        </a>#}
{#                        <ul class='dropdown-menu color-settings'>#}
{#                            <li class='color-settings-body-color'>#}
{#                                <div class='color-title'>Body color</div>#}
{#                                <a data-change-to='/bootstrap/assets/stylesheets/light-theme.css' href='#'>#}
{#                                    Light#}
{#                                    <small>(default)</small>#}
{#                                </a>#}
{#                            </li>#}
{#                            <li class='divider'></li>#}
{#                            <li class='color-settings-contrast-color'>#}
{#                                <div class='color-title'>Contrast color</div>#}
{#                                <a href="#" data-change-to="contrast-red"><i class='icon-adjust text-red'></i>#}
{#                                    Red#}
{#                                    <small>(default)</small>#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-blue"><i class='icon-adjust text-blue'></i>#}
{#                                    Blue#}
{##}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-orange"><i class='icon-adjust text-orange'></i>#}
{#                                    Orange#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-purple"><i class='icon-adjust text-purple'></i>#}
{#                                    Purple#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-green"><i class='icon-adjust text-green'></i>#}
{#                                    Green#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-muted"><i class='icon-adjust text-muted'></i>#}
{#                                    Muted#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-fb"><i class='icon-adjust text-fb'></i>#}
{#                                    Facebook#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-dark"><i class='icon-adjust text-dark'></i>#}
{#                                    Dark#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-pink"><i class='icon-adjust text-pink'></i>#}
{#                                    Pink#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-grass-green"><i class='icon-adjust text-grass-green'></i>#}
{#                                    Grass green#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-sea-blue"><i class='icon-adjust text-sea-blue'></i>#}
{#                                    Sea blue#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-banana"><i class='icon-adjust text-banana'></i>#}
{#                                    Banana#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-dark-orange"><i class='icon-adjust text-dark-orange'></i>#}
{#                                    Dark orange#}
{#                                </a>#}
{#                                <a href="#" data-change-to="contrast-brown"><i class='icon-adjust text-brown'></i>#}
{#                                    Brown#}
{#                                </a>#}
{#                            </li>#}
{#                        </ul>#}
                    </li>
                    <li class='dropdown medium only-icon widget'>
                        <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
                            <i class='icon-rss'></i>
                            <div class='label'>5</div>
                        </a>
                        <ul class='dropdown-menu'>
                            <li>
                                <a href='#'>
                                    <div class='widget-body'>
                                        <div class='pull-left icon'>
                                            <i class='icon-user text-success'></i>
                                        </div>
                                        <div class='pull-left text'>
                                            John Doe signed up
                                            <small class='muted'>just now</small>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class='divider'></li>
                            <li>
                                <a href='#'>
                                    <div class='widget-body'>
                                        <div class='pull-left icon'>
                                            <i class='icon-inbox text-error'></i>
                                        </div>
                                        <div class='pull-left text'>
                                            New Order #002
                                            <small class='muted'>3 minutes ago</small>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class='divider'></li>
                            <li>
                                <a href='#'>
                                    <div class='widget-body'>
                                        <div class='pull-left icon'>
                                            <i class='icon-comment text-warning'></i>
                                        </div>
                                        <div class='pull-left text'>
                                            America Leannon commented Flatty with veeery long text.
                                            <small class='muted'>1 hour ago</small>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class='divider'></li>
                            <li>
                                <a href='#'>
                                    <div class='widget-body'>
                                        <div class='pull-left icon'>
                                            <i class='icon-user text-success'></i>
                                        </div>
                                        <div class='pull-left text'>
                                            Jane Doe signed up
                                            <small class='muted'>last week</small>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class='divider'></li>
                            <li>
                                <a href='#'>
                                    <div class='widget-body'>
                                        <div class='pull-left icon'>
                                            <i class='icon-inbox text-error'></i>
                                        </div>
                                        <div class='pull-left text'>
                                            New Order #001
                                            <small class='muted'>1 year ago</small>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class='widget-footer'>
                                <a href='#'>All notifications</a>
                            </li>
                        </ul>
                    </li>
                    <li class='dropdown dark user-menu'>
                        <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
                            <img alt='Mila Kunis' height='23' src='/bootstrap/assets/images/avatar.jpg' width='23' />
                            <span class='user-name hidden-phone'>{{ user }}</span>
                            <b class='caret'></b>
                        </a>
                        <ul class='dropdown-menu'>
                            <li>
                                <a href='user_profile.html'>
                                    <i class='icon-user'></i>
                                    Profile
                                </a>
                            </li>
                            <li>
                                <a href='user_profile.html'>
                                    <i class='icon-cog'></i>
                                    Settings
                                </a>
                            </li>
                            <li class='divider'></li>
                            <li>
                                <a href='/logout'>
                                    <i class='icon-signout'></i>
                                    Sign out
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</header>

<div id='wrapper'>


{% block auth-menu %}

{% endblock %}



<section id='content'>
<div class='container-fluid'>
<div class='row-fluid' id='content-wrapper'>
<div class='span12'>
{% block main %} {% endblock %}
</div>
</div>
</div>
</section>

</div>

<!-- / jquery -->
<script src='/bootstrap/assets/javascripts/jquery/jquery.min.js' type='text/javascript'></script>
<!-- / jquery mobile events (for touch and slide) -->
<script src='/bootstrap/assets/javascripts/plugins/mobile_events/jquery.mobile-events.min.js' type='text/javascript'></script>
<!-- / jquery migrate (for compatibility with new jquery) -->
<script src='/bootstrap/assets/javascripts/jquery/jquery-migrate.min.js' type='text/javascript'></script>
<!-- / jquery ui -->
<script src='/bootstrap/assets/javascripts/jquery_ui/jquery-ui.min.js' type='text/javascript'></script>
<!-- / bootstrap -->
<script src='/bootstrap/assets/javascripts/bootstrap/bootstrap.min.js' type='text/javascript'></script>
{#<script src='/bootstrap/assets/javascripts/plugins/flot/excanvas.js' type='text/javascript'></script>#}
{#<!-- / sparklines -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/sparklines/jquery.sparkline.min.js' type='text/javascript'></script>#}
{#<!-- / flot charts -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/flot/flot.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/flot/flot.resize.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/flot/flot.pie.js' type='text/javascript'></script>#}
<!-- / bootstrap switch -->
{#<script src='/bootstrap/assets/javascripts/plugins/bootstrap_switch/bootstrapSwitch.min.js' type='text/javascript'></script>#}
{#<!-- / fullcalendar -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/fullcalendar/fullcalendar.min.js' type='text/javascript'></script>#}
<!-- / datatables -->



<!-- / select2 -->
{#<script src='/bootstrap/assets/javascripts/plugins/select2/select2.js' type='text/javascript'></script>#}
{#<!-- / color picker -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/bootstrap_colorpicker/bootstrap-colorpicker.min.js' type='text/javascript'></script>#}
{#<!-- / mention -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/mention/mention.min.js' type='text/javascript'></script>#}
{#<!-- / input mask -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/input_mask/bootstrap-inputmask.min.js' type='text/javascript'></script>#}
{#<!-- / fileinput -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/fileinput/bootstrap-fileinput.js' type='text/javascript'></script>#}
{#<!-- / modernizr -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/modernizr/modernizr.min.js' type='text/javascript'></script>#}
{#<!-- / retina -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/retina/retina.js' type='text/javascript'></script>#}
<!-- / fileupload -->
{#<script src='/bootstrap/assets/javascripts/plugins/fileupload/tmpl.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/fileupload/load-image.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/fileupload/canvas-to-blob.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/fileupload/jquery.iframe-transport.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/fileupload/jquery.fileupload.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/fileupload/jquery.fileupload-fp.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/fileupload/jquery.fileupload-ui.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/fileupload/jquery.fileupload-init.js' type='text/javascript'></script>#}


<!-- / validate -->
{#<script src='/bootstrap/assets/javascripts/plugins/validate/jquery.validate.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/validate/additional-methods.js' type='text/javascript'></script>#}




<!-- / bootbox -->
{#<script src='/bootstrap/assets/javascripts/plugins/bootbox/bootbox.min.js' type='text/javascript'></script>#}
{#<!-- / inplace editing -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/xeditable/bootstrap-editable.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/xeditable/wysihtml5.js' type='text/javascript'></script>#}
{#<!-- / ckeditor -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/ckeditor/ckeditor.js' type='text/javascript'></script>#}
{#<!-- / filetrees -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/dynatree/jquery.dynatree.min.js' type='text/javascript'></script>#}
{#<!-- / datetime picker -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/bootstrap_datetimepicker/bootstrap-datetimepicker.js' type='text/javascript'></script>#}
{#<!-- / daterange picker -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/bootstrap_daterangepicker/moment.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/bootstrap_daterangepicker/bootstrap-daterangepicker.js' type='text/javascript'></script>#}

<!-- / dropdown hover -->
{#<script src='/bootstrap/assets/javascripts/plugins/bootstrap_hover_dropdown/twitter-bootstrap-hover-dropdown.min.js' type='text/javascript'></script>#}
<!-- / slider nav (address book) -->
{#<script src='/bootstrap/assets/javascripts/plugins/slider_nav/slidernav-min.js' type='text/javascript'></script>#}
{#<!-- / fuelux -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/fuelux/wizard.js' type='text/javascript'></script>#}
<!-- / flatty theme -->
<script src='/bootstrap/assets/javascripts/nav.js' type='text/javascript'></script>

<script src='/bootstrap/assets/javascripts/theme.js' type='text/javascript'></script>
<!-- / demo -->
{#<script src='/bootstrap/assets/javascripts/demo/jquery.mockjax.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/demo/inplace_editing.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/demo/charts.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/demo/demo.js' type='text/javascript'></script>#}
{#<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>#}
<!-- / slimscroll -->
{#<script src='/bootstrap/assets/javascripts/plugins/slimscroll/jquery.slimscroll.min.js' type='text/javascript'></script>#}
{#<!-- / jgrowl -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/jgrowl/jquery.jgrowl.min.js' type='text/javascript'></script>#}
<!-- / wysihtml5 -->
{#<script src='/bootstrap/assets/javascripts/plugins/common/wysihtml5.min.js' type='text/javascript'></script>#}
{% block body %}{% endblock %}
</body>

<script src="/bootstrap/js/jquery.datetimepicker.full.js"></script>
{% block script %}{% endblock %}
</html>
{% block html %}
{% endblock %}